<!DOCTYPE html>
<html>
<head>
<?php include_once VIEWS.'inc/head.php'; ?>
<?php
	echo static_file('web/css/swiper-3.3.1.min.css');
	echo static_file('web/js/swiper-3.3.1.min.js');;
	echo static_file('web/css/flexslider.css');
	echo static_file('web/js/jquery.flexslider-min.js');
	echo static_file('web/css/jquery.mCustomScrollbar.css');
	echo static_file('web/js/jquery.mCustomScrollbar.js');
	echo static_file('web/js/jquery.lazyload.min.js');
?>
</head>

<body>
	<div class="main">
		<?php include_once VIEWS.'inc/header.php'; ?>
		<section class="solution">
			<div class="abanner">
				<img src="<?php echo static_file('web/img/solution.jpg')?>" alt="">
			</div>
			<div class="solution_box">
				<div class="solution_top wow fadeInUp solution_top2" >
					<div class="solution_cen w1440">
						<div class="title">
							<div class="cn">工程案例</div>
							<div class="en">ENGINEERING  PROJECTS</div>
						</div>
						<div class="ds">我们用高科技、高品质、人性化的产品在满足您热水需求的同时，为您提供更加环保、智能、舒适的品位生活。</div>
						<?php include_once VIEWS.'inc/solution_case_nav.php'; ?>
					</div>
				</div>
				<div class="case_list w1440 wow fadeInUp">
					<ul class="f-cb">
						<li>
							<a href="javascript:;">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case1.jpg')?>" alt="">
								</div>
								<div class="txt">河南洛阳四季沐歌生产基地</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case2.jpg')?>" alt="">
								</div>
								<div class="txt">常熟锦宏印染厂工业预加热太阳能工程</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case3.jpg')?>" alt="">
								</div>
								<div class="txt">宁夏灵武市白芨滩全智能温室大棚</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case4.jpg')?>" alt="">
								</div>
								<div class="txt">河北唐山古冶吕家坨矿区太阳能热水项目</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case5.jpg')?>" alt="">
								</div>
								<div class="txt">广东珠海高新产业区创新海岸</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case6.jpg')?>" alt="">
								</div>
								<div class="txt">雄安新区某工厂空气能采暖案例</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case7.jpg')?>" alt="">
								</div>
								<div class="txt">四川烟草公司泸州分公司烟草育苗大棚</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case8.jpg')?>" alt="">
								</div>
								<div class="txt">天津世贸生态城</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case9.jpg')?>" alt="">
								</div>
								<div class="txt">武汉融科花满庭-单机</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case7.jpg')?>" alt="">
								</div>
								<div class="txt">连云港徐圩邻里中心</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case8.jpg')?>" alt="">
								</div>
								<div class="txt">天津世贸生态城</div>
							</a>
						</li>
						<li>
							<a href="javascript:;">
								<div class="pic">
									<img src="<?php echo static_file('web/img/case9.jpg')?>" alt="">
								</div>
								<div class="txt">武汉融科花满庭-单机</div>
							</a>
						</li>
					</ul>
					<div class="page_box">
						<a href="javascript:;" class="prev"></a>
						<a href="javascript:;" class="active">1</a>
						<a href="javascript:;">2</a>
						<a href="javascript:;">3</a>
						<a href="javascript:;">4</a>
						<a href="javascript:;">5</a>
						<a href="javascript:;">...</a>
						<a href="javascript:;">15</a>
						<a href="javascript:;" class="next"></a>
					</div>
				</div>
			</div>
		</section>
    	<?php include_once VIEWS.'inc/footer.php'; ?>
	</div>
	<div class="mask_bg"></div>
	<div class="detail_box detail_box2">
		<div class="prev prev2"></div>
		<div class="next next2"></div>
		<div class="close"></div>
		<div class="db">
			
		</div>
	</div>
</body>
</html>
<script>
	$(function(){
		$('header .bocweb-nav ul li').eq(3).addClass('active');
		$('.classification a').eq(0).addClass('active');
		$('.m_classification .swiper-slide').eq(0).find('a').addClass('active');
		var mySwiper2 = new Swiper('.m_classification .swiper-container',{
			slidesPerView:'auto',
			initialSlide:0
		})

		$('.case_list ul li .pic').height(Math.floor($('.case_list ul li .pic').width()*(285/450)));
		$(window).resize(function(){
			$('.case_list ul li .pic').height(Math.floor($('.case_list ul li .pic').width()*(285/450)));
		});

		$('.case_list ul li').click(function(){
			var top=$(this).offset().top-30;
			$('.detail_box').css('top',top);

			$.ajax({
				url:'<?php echo site_url('ajax/solution_case'); ?>',
				success:function(data){
					$('.db').empty().append(data);
					$('.detail_box,.mask_bg').addClass('active');
					
					$('.close').click(function(){
						$('.detail_box,.mask_bg').removeClass('active');
					})	
				}
			})

		})
		$('.detail_box .prev,.detail_box .next').click(function(){
			$.ajax({
				url:'<?php echo site_url('ajax/solution_case'); ?>',
				success:function(data){
					$('.db').empty().append(data);
					$('.detail_box,.mask_bg').addClass('active');
				}
			})
		})
	})
</script>

